<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<link rel="stylesheet" type="text/css" href="css/bt/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="css/font-awesome-4.7.0/css/font-awesome.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper/swiper.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="css/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/swiper-3.4.2.min.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			
		</style>
		<title></title>
	</head>
	<body>
		<!--移动端策划菜单-->
		<header class="visible-xs cs_left_head head_hide">
			<img src="img/m_logo.png" class="m_logo" alt="" />
			<img src="img/qrcode.jpg" class="m_headimg" alt="" />
			<p>suoge</p>
			<ul class="m_menu">
				<li><a href="">精彩首页</a></li>
				<li><a href="">产品中心</a></li>
				<li><a href="">新闻咨询</a></li>
				<li><a href="">关于我们</a></li>
				<li><a href="">案例展示</a></li>
			</ul>
			<p class="contact_link"><a href="#"><span class="fa fa-qq fa-fw"></a></span> <a href=""><span class="fa fa-weibo fa-fw"></span></a><a href=""><span class="fa fa-github fa-fw"></span></a></p>
		</header>
		<!--主体内容区域-->
		<div id="main">
			<!--主体头部-->
			<div class="main_head">
				<div class="container">
					<div class="m_headbar">
						<button id="m_menu_btn" class="navbar-toggle" type="button" ><i class="fa fa-navicon fa-fw"></i></button>
						<img class="pc_logo " src="img/m_logo.png" alt="" />
					<!--导航-->
					<nav id="main-navbar" class="hidden-xs" >
						<ul class="nav navbar-nav pull-right">
						  <li role="presentation" class="active"><a href="#">首页</a></li>
						  <li role="presentation"><a href="#">菜单一</a></li>
						  <li role="presentation"><a href="#">菜单二</a></li>
						  <li role="presentation"><input class="form-control input-sm pc_search"  type="search" placeholder="输入搜索内容" /></li>
							
						</ul>
					</nav>
					</div>
				</div>
			</div>
			<!--主体内容区-->
			<div class="main_body">
				<div class="container main_tontent">
					<div class="cs_notice col-sm-12">
						<div style="display: inline-block; padding: 0;margin-right:.5rem; float: left;">
							<span  class="fa fa-commenting-o "></span>
						</div>
						
						<div class="notice_box">
							<!-- Swiper -->
						    <div class="swiper-container">
						        <div class="swiper-wrapper">
						            <div class="swiper-slide">这是第一句话as第三方</div>
						            <div class="swiper-slide">这是第二句话撒</div>
						            <div class="swiper-slide">这他妈的是第三句话</div>
						            <div class="swiper-slide">这他妈的他妈的是第四句话啊</div>
						            
						        </div>
						        <!-- Add Pagination -->
						        <!--<div class="swiper-pagination"></div>-->
						    </div>
						
						    <!-- Initialize Swiper -->
						    <script>
						    var swiper = new Swiper('.swiper-container', {
						        pagination: '.swiper-pagination',
						        paginationClickable: true,
						        direction: 'vertical',
						        autoplay: 10000
						    });
						    </script>
						</div>				
					</div>
					
					<!--左侧内容区-->
					<div class="col-sm-12 col-lg-9 main_left">
						<!--推荐位-->
						<div class="position_box row">
							<div class="position_big col-xs-7">
								<!-- Swiper -->
							    <div class="swiper-container1">
							        <div class="swiper-wrapper">
							            <div class="swiper-slide"><img src="img/icon-logo-512.png"/><div class="position_title">bannner标题1</div></div>
							            <div class="swiper-slide"><img src="img/weibo.jpg"/><div class="position_title">bannner标题2</div></div>
							            <div class="swiper-slide"><img src="img/qrcode.jpg"/><div class="position_title">bannner标题3</div></div>
							            <div class="swiper-slide"><img src="img/weibo.jpg"/><div class="position_title">bannner标题4</div></div>
							            <div class="swiper-slide"><img src="img/weibo.jpg"/><div class="position_title">bannner标题5</div></div>
							        </div>
							        <!-- Add Pagination -->
							        <div class="swiper-pagination"></div>
							    </div>
							
							    <!-- Initialize Swiper -->
							    <script>
							    var swiper1 = new Swiper('.swiper-container1', {
							        pagination: '.swiper-pagination',
							        paginationClickable: true,
							        autoplay:5000,
							    });
							    </script>
								
							</div>
							<div class="position_tiny_box col-xs-5 row">
								<div class="position_tiny col-xs-6">
									<img src="img/weibo.jpg"/>
									<div class="position_title">
										bannner标题bannner标题bannner标题
									</div>
								</div>
								<div class="position_tiny col-xs-6">
									<img src="img/topic.png"/>
									<div class="position_title">
										bannner标题bannner标题bannner标题
									</div>
								</div>
								<div class="position_tiny col-xs-6">
									<img src="img/m_logo.png"/>
									<div class="position_title">
										bannner标题bannner标题bannner标题
									</div>
								</div>
								<div class="position_tiny col-xs-6">
									<img src="img/defult_bg-500.png"/>
									<div class="position_title">
										bannner标题bannner标题bannner标题
									</div>
								</div>
								
							</div>
						</div>
						
						
						<!--文章列表-->
						<div class="article_list">
							<div class="article_item row">
								<div class="article_item_left ">
									<div class="article_thumb" >
										<img src="http://www.people.com.cn/adv/dw310170809.jpg"/>
									</div>
								</div>
								<div class="article_info ">
									<div class="info_title">
										<h4>未实名不得跟帖 推进网络秩序建设不断精细</h4>
									</div>
									<div class="classify">
										技术基础 <span class="publish_time"><i class="fa fa-clock-o fa-fw"></i>2天前</span> <span><i class="fa fa-eye fa-fw"></i>50</span>
									</div>
									<div class="cs_description">
										I hurt myself today,
										to see if i still feel.
										I focus on the pain,
										the only thing that's real.
										The needle tears a hole,
										the old familiar sting,
										try to kill it all away,
									</div>
								</div>
								<div class="article_tags">
									<span>标签1</span> <span>标签2</span> <span>标签3</span>
								</div>
								
							</div>
							
							<div class="article_item row">
								<div class="article_item_left ">
									<div class="article_thumb" >
										<img src="http://www.people.com.cn/NMediaFile/2017/0825/MAIN201708251459187767404274405.jpg"/>
									</div>
								</div>
								<div class="article_info ">
									<div class="info_title">
										<h4>60亿机器人市场背后:莫让国外巨头"跑马圈地"</h4>
									</div>
									<div class="classify">
										技术基础 <span class="publish_time">2天前</span> <span>阅读 ：50</span>
									</div>
									<div class="cs_description">
										but i remember everything.
										What have i become?
										my sweetest friend.
										Everyone i know,
										goes away in the end.
										And you could have it all,
										my empire of dirt.
										I will let you down,
										I will make you hurt.

									</div>
								</div>
								<div class="article_tags">
									<span>标签1</span> <span>标签2</span> <span>标签3</span>
								</div>
								
							</div>
							
							<div class="article_item row">
								<div class="article_item_left ">
									<div class="article_thumb" >
										<img src="http://www.people.com.cn/NMediaFile/2017/0825/MAIN201708250855127720618897693.jpg"/>
									</div>
								</div>
								<div class="article_info ">
									<div class="info_title">
										<h4>韩美宣称朝试射导弹 一枚发射后立刻爆炸</h4>
									</div>
									<div class="classify">
										技术基础 <span class="publish_time">2天前</span> <span>阅读 ：50</span>
									</div>
									<div class="cs_description">
										What have i become?
										my sweetest friend.
										Everyone i know,
										goes away in the end.
										And you could have it all,
										my empire of dirt.
										I will let you down,
										I will make you hurt.
										If i could start again,
										a million miles away.
										I would keep myself,
										I would find a way.
									</div>
								</div>
								<div class="article_tags">
									<span>标签1</span> <span>标签2</span> <span>标签3</span>
								</div>
								
							</div>
							
							<div class="article_item row">
								<div class="article_item_left ">
									<div class="article_thumb" >
										<img src="img/defult_bg-500.png"/>
									</div>
								</div>
								<div class="article_info ">
									<div class="info_title">
										<h4>文章标题文章标题文章标题文章标题</h4>
									</div>
									<div class="classify">
										技术基础 <span class="publish_time">2天前</span> <span>阅读 ：50</span>
									</div>
									<div class="cs_description">
										描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容v
										描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容v
										描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容v
									</div>
								</div>
								<div class="article_tags">
									<span>标签1</span> <span>标签2</span> <span>标签3</span>
								</div>
								
							</div>
							
							<div class="article_item row">
								<div class="article_item_left ">
									<div class="article_thumb" >
										<img src="img/defult_bg-500.png"/>
									</div>
								</div>
								<div class="article_info ">
									<div class="info_title">
										<h4>文章标题文章标题文章标题文章标题</h4>
									</div>
									<div class="classify">
										技术基础 <span class="publish_time">2天前</span> <span>阅读 ：50</span>
									</div>
									<div class="cs_description">
										描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容v
										描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容v
										描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容v
									</div>
								</div>
								<div class="article_tags">
									<span>标签1</span> <span>标签2</span> <span>标签3</span>
								</div>
								
							</div>
							
							<div class="article_item row">
								<div class="article_item_left ">
									<div class="article_thumb" >
										<img src="img/defult_bg-500.png"/>
									</div>
								</div>
								<div class="article_info ">
									<div class="info_title">
										<h4>文章标题文章标题文章标题文章标题</h4>
									</div>
									<div class="classify">
										技术基础 <span class="publish_time">2天前</span> <span>阅读 ：50</span>
									</div>
									<div class="cs_description">
										描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容v
										描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容v
										描述内容描述内容描述内容描述内容描述内容描述内容描述内容描述内容v
									</div>
								</div>
								<div class="article_tags">
									<span>标签1</span> <span>标签2</span> <span>标签3</span>
								</div>
								
							</div>
							
							
						</div>
						
						<!--分页-->
						<div class="paging">
							<nav aria-label="Page navigation">
							  <ul class="pagination">
							    <li>
							      <a href="#" aria-label="Previous">
							        <span aria-hidden="true">&laquo;</span>
							      </a>
							    </li>
							    <li><a href="#">1</a></li>
							    <li><a href="#">2</a></li>
							    <li><a href="#">3</a></li>
							    <li><a href="#">4</a></li>
							    <li><a href="#">5</a></li>
							    <li>
							      <a href="#" aria-label="Next">
							        <span aria-hidden="true">&raquo;</span>
							      </a>
							    </li>
							  </ul>
							</nav>
						</div>
					</div>
					
					<!--右侧边栏-->
					<div class="col-lg-3 main_right visible-lg">
						<div class="my_intro">
							<img class="head_img" src="img/icon-logo-512.png"/>
							<p><span class="my_name">suoge</span></p>
							<p>啥也没说。。</p>
							<span class="fa fa-qq fa-fw"></span><span class="fa fa-weibo fa-fw"></span><span class="fa fa-github fa-fw"></span>
						</div>
						
						<!--热门文章-->
						<div class="hots">
							<header><i class="fa fa-fire fa-fw"></i>热门文章</header>
						 	<ul>
						 		<li><a href="">热门文章列表</a></li>
						 		<li><a href="">热门文章列表</a></li>
						 		<li><a href="">热门文章列表</a></li>
						 		<li><a href="">热门文章列表</a></li>
						 		<li><a href="">热门文章列表</a></li>
						 	</ul>
						</div>
						
						<!--最新评论-->
						<div class="new_comment">
							<header><i class="fa fa-comments fa-fw"></i>最新评论</header>
						 	<ul>
						 		<li><img class="comment_head" src="img/icon-logo-512.png" alt="" /><span>suoge</span><p>他说的什么鬼啊 </p> <span class="comment_time">刚刚</span></li>
						 		<li><img class="comment_head" src="img/icon-logo-512.png" alt="" /><span>suoge</span><p>他说的什么鬼啊他说的什么鬼啊</p><span class="comment_time">2小时前</span></li>
						 		<li><img class="comment_head" src="img/icon-logo-512.png" alt="" /><span>suoge</span><p>他说的什么鬼啊</p><span class="comment_time">2017-02-12 21:11:12</span></li>
						 		<li><img class="comment_head" src="img/icon-logo-512.png" alt="" /><span>suoge</span><p>他说的什么鬼啊</p><span class="comment_time">3分钟前</span></li>
						 		<li><img class="comment_head" src="img/icon-logo-512.png" alt="" /><span>suoge</span><p>他说的什么鬼啊他说的什么鬼啊他说的什么鬼啊</p><span class="comment_time">2017-02-12 21:11:12</span></li>
						 	</ul>
						</div>
						
						<!--广告位-->
						<div class="ads_box">
							<header><i class="fa fa-hand-o-right fa-fw"></i>广告位<i class="fa fa-hand-o-left fa-fw"></i></header>
						 	<img src="img/icon-logo-512.png"/>
						</div>
						
					</div>
				</div>
				
			</div>
			
			<!--底部-->
			<div class="common_foot">
				<div class="container visible-lg">
					<div class="col-xs-8">
						
						<header><i class="fa fa-link fa-fw"></i>友情链接 <span class="applyfor_link"><a target="_blank" title="申请友链" href="#" >申请</a></span></header> 
						<ul class="links_list">
							<li><a href="" title="劲爆资讯">凤凰资讯</a></li>
							<li><a href="" title="劲爆资讯">凤凰资讯</a></li>
							<li><a href="" title="劲爆资讯">凤凰资讯</a></li>
							<li><a href="" title="劲爆资讯">凤凰资讯</a></li>
							<li><a href="" title="劲爆资讯">凤凰资讯</a></li>
							<li><a href="" title="劲爆资讯">凤凰资讯</a></li>
							<li><a href="" title="劲爆资讯">凤凰资讯</a></li>
							<li><a href="" title="劲爆资讯">凤凰资讯</a></li>
							
						</ul>
					</div>
					<div class="col-xs-4">
						<div class="foot_right">
							<img class="foot_qrcode" src="img/qrcode.jpg"/>
							<p>斯诺伐克挤死你福克斯你姐夫坑死你看看就</p>
						</div>
					</div>
				</div>
					<p style="text-align: center;">Copyright © 2017 sgblog  | 鄂ICP备00000号</p>
				<p class="right_tips">本站部分资源来源于互联网网友交流,只供网络测试和学习交流所用、所有版权归原权利人，如有关资源侵犯了你的权益，请联系告之，我们将于第一时间删除！</p>
			</div>
			
			
		</div>
			
			
			<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
